    <% include("/common/_container.html"){} %>
        <div class="clearfix"></div>
        <section id="main" class="p-relative" role="main">
                <!-- 菜单 -->
                <% include("/common/index_menu.html"){} %>

            <!-- Content -->
            <section id="content" class="container">
            
                <!-- Messages Drawer -->
                <!--<div id="messages" class="tile drawer animated">-->
                    <!--<div class="listview narrow">-->
                        <!--<div class="media">-->
                            <!--<a href="">新消息</a>-->
                            <!--<span class="drawer-close">&times;</span>-->
                            <!---->
                        <!--</div>-->
                        <!--<div class="overflow" style="height: 254px">-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/1.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>-->
                                    <!--<a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">David Villa - 5 Hours ago</small><br>-->
                                    <!--<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/3.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Harris worgon - On 15/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/4.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/1.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">David Villa - On 16/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/3.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Harris worgon - On 17/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/4.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/5.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="media text-center whiter l-100">-->
                            <!--<a href=""><small>VIEW ALL</small></a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                
                <!-- Notification Drawer -->
                <!--<div id="notifications" class="tile drawer animated">-->
                    <!--<div class="listview narrow">-->
                        <!--<div class="media">-->
                            <!--<a href="">消息设置</a>-->
                            <!--<span class="drawer-close">&times;</span>-->
                        <!--</div>-->
                        <!--<div class="overflow" style="height: 254px">-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/1.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>-->
                                    <!--<a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">David Villa - 5 Hours ago</small><br>-->
                                    <!--<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/3.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Harris worgon - On 15/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/4.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/1.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="media">-->
                                <!--<div class="pull-left">-->
                                    <!--<img width="40" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" alt="">-->
                                <!--</div>-->
                                <!--<div class="media-body">-->
                                    <!--<small class="text-muted">David Villa - On 16/12/2013</small><br>-->
                                    <!--<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="media text-center whiter l-100">-->
                            <!--<a href=""><small>VIEW ALL</small></a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                
                <!-- Breadcrumb -->
                <ol class="breadcrumb hidden-xs">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Library</a></li>
                    <li class="active">Data</li>
                </ol>
                
                <h4 class="page-title">主页</h4>
                                
                <!-- Shortcuts -->
                <!--<div class="block-area shortcut-area">-->
                    <!--<a class="shortcut tile" href="">-->
                        <!--<img src="${ctxPath}/static/img/blog/shortcuts/money.png" alt="">-->
                        <!--<small class="t-overflow">打赏</small>-->
                    <!--</a>-->
                    <!--<a class="shortcut tile" href="">-->
                        <!--<img src="${ctxPath}/static/img/blog/shortcuts/twitter.png" alt="">-->
                        <!--<small class="t-overflow">联系</small>-->
                    <!--</a>-->
                    <!--<a class="shortcut tile" href="">-->
                        <!--<img src="${ctxPath}/static/img/blog/shortcuts/calendar.png" alt="">-->
                        <!--<small class="t-overflow">日历</small>-->
                    <!--</a>-->
                    <!--<a class="shortcut tile" href="">-->
                        <!--<img src="${ctxPath}/static/img/blog/shortcuts/stats.png" alt="">-->
                        <!--<small class="t-overflow">图表</small>-->
                    <!--</a>-->
                    <!--<a class="shortcut tile" href="">-->
                        <!--<img src="${ctxPath}/static/img/blog/shortcuts/connections.png" alt="">-->
                        <!--<small class="t-overflow">信号</small>-->
                    <!--</a>-->
                    <!--<a class="shortcut tile" href="">-->
                        <!--<img src="${ctxPath}/static/img/blog/shortcuts/reports.png" alt="">-->
                        <!--<small class="t-overflow">柱图</small>-->
                    <!--</a>-->
                <!--</div>-->
                
                <hr class="whiter" />
                


                <hr class="whiter" />
                <!-- 轮播图 -->
                <div class="block-area">
                    <h3 class="block-title">随便播一播</h3>
                    <p>主要这是个人项目</p>
                    <div id="carousel-example-generic" class="carousel slide">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="${ctxPath}/static/img/blog/carousel/c-1.jpg" alt="Slide-1">
                            </div>
                            <div class="item">
                                <img src="${ctxPath}/static/img/blog/carousel/c-2.jpg" alt="Slide-2">
                                <div class="carousel-caption hidden-xs">
                                    <h3>这是一个轮播广告</h3>
                                    <p>未编辑广告语</p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="${ctxPath}/static/img/blog/carousel/c-3.jpg" alt="Slide-3">
                                <div class="carousel-caption hidden-xs">
                                    <h3>这是一个轮播广告</h3>
                                    <p>未编辑广告语</p>
                                </div>
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <i class="icon">&#61903;</i>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <i class="icon">&#61815;</i>
                        </a>
                    </div>

                    <br/><br/><br/>
                </div>

                <hr class="whiter" />
                
                <!-- Main Widgets -->
               
                <!--<div class="block-area">-->
                    <!--<div class="row">-->
                        <!--<div class="col-md-8">-->
                            <!--&lt;!&ndash; Pies &ndash;&gt;-->
                            <!--<div class="tile text-center">-->
                                <!--<div class="tile-dark p-10">-->
                                    <!--<div class="pie-chart-tiny" data-percent="86">-->
                                        <!--<span class="percent"></span>-->
                                        <!--<span class="pie-title">New Visitors <i class="m-l-5 fa fa-retweet"></i></span>-->
                                    <!--</div>-->
                                    <!--<div class="pie-chart-tiny" data-percent="23">-->
                                        <!--<span class="percent"></span>-->
                                        <!--<span class="pie-title">Bounce Rate <i class="m-l-5 fa fa-retweet"></i></span>-->
                                    <!--</div>-->
                                    <!--<div class="pie-chart-tiny" data-percent="57">-->
                                        <!--<span class="percent"></span>-->
                                        <!--<span class="pie-title">Emails Sent <i class="m-l-5 fa fa-retweet"></i></span>-->
                                    <!--</div>-->
                                    <!--<div class="pie-chart-tiny" data-percent="34">-->
                                        <!--<span class="percent"></span>-->
                                        <!--<span class="pie-title">Sales Rate <i class="m-l-5 fa fa-retweet"></i></span>-->
                                    <!--</div>-->
                                    <!--<div class="pie-chart-tiny" data-percent="81">-->
                                        <!--<span class="percent"></span>-->
                                        <!--<span class="pie-title">New Signups <i class="m-l-5 fa fa-retweet"></i></span>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!---->
                        <!--<div class="col-md-4">-->
    <!---->
                            <!--&lt;!&ndash; Dynamic Chart &ndash;&gt;-->
                            <!--<div class="tile">-->
                                <!--<h2 class="tile-title">Server Process</h2>-->
                                <!--<div class="tile-config dropdown">-->
                                    <!--<a data-toggle="dropdown" href="" class="tile-menu"></a>-->
                                    <!--<ul class="dropdown-menu pull-right text-right">-->
                                        <!--<li><a href="">Refresh</a></li>-->
                                        <!--<li><a href="">Settings</a></li>-->
                                    <!--</ul>-->
                                <!--</div>-->

                                <!--<div class="p-t-10 p-r-5 p-b-5">-->
                                    <!--<div id="dynamic-chart" style="height: 200px"></div>-->
                                <!--</div>-->

                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="clearfix"></div>-->
                    <!--</div>-->
                <!--</div>-->

                <!-- Chat -->
                <div class="chat">
                    
                    <!-- Chat List -->
                    <div class="pull-left chat-list">
                        <div class="listview narrow">
                            <div class="media">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/1.jpg" width="30" alt="">
                                <div class="media-body p-t-5">
                                    Alex Bendit
                                </div>
                            </div>
                            <div class="media">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" width="30" alt="">
                                <div class="media-body">
                                    <span class="t-overflow p-t-5">David Volla Watkinson</span>
                                </div>
                            </div>
                            <div class="media">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/3.jpg" width="30" alt="">
                                <div class="media-body">
                                    <span class="t-overflow p-t-5">Mitchell Christein</span>
                                </div>
                            </div>
                            <div class="media">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/4.jpg" width="30" alt="">
                                <div class="media-body">
                                    <span class="t-overflow p-t-5">Wayne Parnell</span>
                                </div>
                            </div>
                            <div class="media">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/5.jpg" width="30" alt="">
                                <div class="media-body">
                                    <span class="t-overflow p-t-5">Melina April</span>
                                </div>
                            </div>
                            <div class="media">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/6.jpg" width="30" alt="">
                                <div class="media-body">
                                    <span class="t-overflow p-t-5">Ford Harnson</span>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                    <!-- Chat Area -->
                    <div class="media-body">
                        <div class="chat-header">
                            <a class="btn btn-sm" href="">
                                <i class="fa fa-circle-o status m-r-5"></i> Chat with Friends
                            </a>
                        </div>
                    
                        <div class="chat-body">
                            <div class="media">
                                <img class="pull-right" src="${ctxPath}/static/img/blog/profile-pics/1.jpg" width="30" alt="" />
                                <div class="media-body pull-right">
                                    Hiiii<br/>
                                    How you doing bro?
                                    <small>Me - 10 Mins ago</small>
                                </div>
                            </div>
                            
                            <div class="media pull-left">
                                <img class="pull-left" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" width="30" alt="" />
                                <div class="media-body">
                                    I'm doing well buddy. <br/>How do you do?
                                    <small>David - 9 Mins ago</small>
                                </div>
                            </div>
                            
                            <div class="media pull-right">
                                <img class="pull-right" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" width="30" alt="" />
                                <div class="media-body">
                                    I'm Fine bro <br/>Thank you for asking
                                    <small>Me - 8 Mins ago</small>
                                </div>
                            </div>
                            
                            <div class="media pull-right">
                                <img class="pull-right" src="${ctxPath}/static/img/blog/profile-pics/2.jpg" width="30" alt="" />
                                <div class="media-body">
                                    Any idea for a hangout?
                                    <small>Me - 8 Mins ago</small>
                                </div>
                            </div>
                       		  
                        </div>
                    
                        <div class="chat-footer media">
                            <i class="chat-list-toggle pull-left fa fa-bars"></i>
                            <i class="pull-right fa fa-picture-o"></i> 
                            <div class="media-body">
                                <textarea class="form-control" placeholder="Type something..."></textarea>
                            </div>
                        </div>
                        
                    </div>
                </div>

                <!-- Quick Stats -->
                <div class="block-area">
                    <div class="row">
                        <div class="col-md-3 col-xs-6">
                            <div class="tile quick-stats">
                                <div id="stats-line-2" class="pull-left"></div>
                                <div class="data">
                                    <h2 data-value="98">0</h2>
                                    <small>今日访问量</small>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-xs-6">
                            <div class="tile quick-stats media">
                                <div id="stats-line-3" class="pull-left"></div>
                                <div class="media-body">
                                    <h2 data-value="1452">0</h2>
                                    <small>本周访问量</small>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-xs-6">
                            <div class="tile quick-stats media">

                                <div id="stats-line-4" class="pull-left"></div>

                                <div class="media-body">
                                    <h2 data-value="4896">0</h2>
                                    <small>当月访问量</small>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-xs-6">
                            <div class="tile quick-stats media">
                                <div id="stats-line" class="pull-left"></div>
                                <div class="media-body">
                                    <h2 data-value="29356">0</h2>
                                    <small>年度访问量</small>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </section>

            <!-- IE 兼容 -->
            <!--[if lt IE 9]>
                <div class="ie-block">
                    <h1 class="Ops">Ooops!</h1>
                    <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
                    <ul class="browsers">
                        <li>
                            <a href="https://www.google.com/intl/en/chrome/browser/">
                                <img src="${ctxPath}/static/img/blog/browsers/chrome.png" alt="">
                                <div>Google Chrome</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.mozilla.org/en-US/firefox/new/">
                                <img src="${ctxPath}/static/img/blog/browsers/firefox.png" alt="">
                                <div>Mozilla Firefox</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.opera.com/computer/windows">
                                <img src="${ctxPath}/static/img/blog/browsers/opera.png" alt="">
                                <div>Opera</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://safari.en.softonic.com/">
                                <img src="${ctxPath}/static/img/blog/browsers/safari.png" alt="">
                                <div>Safari</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                                <img src="${ctxPath}/static/img/blog/browsers/ie.png" alt="">
                                <div>Internet Explorer(New)</div>
                            </a>
                        </li>
                    </ul>
                    <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
                </div>   
            <![endif]-->
        </section>
    </body>
</html>
